<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>视频播放</title>
	<link rel="stylesheet icon" type="text/css" href="../img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" type="text/css" href="../css/horizon_f.css"/>
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfix">
				<ul class="nav pull-left">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="../html/login.html">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfix">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="../html/member_info.html">我的信息</a></li>
							<li><a href="../html/member_claim.html">我的认养</a></li>
							<li><a href="../html/member_state.html">蜂箱动态</a></li>
							<li><a href="../html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfix">
				<a href="javascript:;" class="logo pull-left">
					<img src="../img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfix">
						<li><a href="../index.html">首页</a></li>
						<li><a href="../html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="../html/popular.html">好蜜科普</a></li>
						<li><a href="../html/special.html">蜂业专委会</a></li>
						<li class="active"><a href="../html/horizon.html">蜜蜂视界</a></li>
						<li><a href="../html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 大图 -->
	<div class="picture">
		<img src="../img/temp/banner_1.jpg" >
	</div>
	<!-- 视频 -->
	<div class="center">
		<div class="container clearfix">
			<div class="middle clearfix">
				<div class="center_left">
					<div class="center_left_one">
						<h2>蜂蜜视界</h2>
						<i></i>
						<ul>
							<li class="active">
								<a href="javascript:;">
									<span></span>
									<span>全部视频</span>
								</a>
							</li>
						</ul>
					</div>
					<img src="../img/temp/knowledge_03.jpg" alt="">
				</div>
				<div class="center_right">
					<div class="center_right_top">
						<p>
							<span>首页 ></span>
							<span>蜂蜜视界</span>
						</p>
					</div>
					<div class="center_right_bottom">
						<div class="shipin">
							  <video id="my-video" class="video-js vjs-big-play-centered" controls preload="auto" width="450" height="335" poster="" data-setup="{}">
							                                <source src="../video/video.mp4" type="video/mp4">
							                                您的浏览器不支持 HTML5 video 标签。
							                            </video>
							<span class="iconfont icon-play" id="shows"></span>
						</div>
						<h3>蜂场现场视频</h3>
						<p>
                        北纬30 ，线贯穿四大文明古国，在这条纬线附近有神秘的百慕大三角，著名的埃及金字塔，传说中沉没的大西洲，世界最高峰珠穆朗玛峰、最深的西太平洋马里亚纳海沟……不管是巧合还是冥冥注定，北纬线都是一条能引起人们极度关注的地带。</p>
						<p>
                        这条纬线上遍布世界级自然奇观，从珠穆朗玛峰到马里亚纳海沟，从死海到百慕大三角洲，而在十大奇观中，神农架赫然在列。野人传说，神农文化，以及天然原始森林让这里成为地球上难得一见的自然奇观！
                    </p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left pull-left">
				<ul>
					<li>
						<i class="iconfont icon-phone"></i>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-time"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-mailbox"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-location"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen pull-left">
				<dl>
					<dt>
						<a href="javascript:;">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="javascript:;">好蜜科普</a></dt>
					<dd>
						<a href="javascript:;">蜜源探秘</a>
						<a href="javascript:;">蜂蜜常识</a>
						<a href="javascript:;">蜂蜜种类</a>
						<a href="javascript:;">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜂业专委会</a></dt>
					<dd>
						<a href="javascript:;">工匠认证</a>
						<a href="javascript:;">专业培训</a>
						<a href="javascript:;">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜜蜂视界</a></dt>
					<dd>
						<a href="javascript:;">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="javascript:;">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig pull-left">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfix"> 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script src="../bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="../bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#shows").click(function(){
				$("#shows").hide();
				
			})
		})
	</script>
</body>
</html>